<template>
  <div class="page-container flex-column-center">

    <div class="page-info-title">
      <p class="o7"></p>
      <p class="big"></p>
      <p class="o7">{{ msg }}</p>
    </div>

    <div class="page-main-box">
      <img src="@/assets/images/401.png" />
    </div>

    <img class="page-bg-title" src="@/assets/images/t1.png" />

</div>
</template>
<script>
export default {
  data () {
    return {
      msg: ''
    }
  },
  mounted () {
    this.msg = this.$route.query.msg || '没有找到相关数据'
  }
}
</script>
<style lang="scss" scoped>
.page-container {
  width: 100vw;
  height: 100vh;
  position: relative;
  background: url('~@/assets/images/bg.png') no-repeat left top,
  linear-gradient(to top, #8168a7 0%, #b8a8d1 50%, #b8a8d1 85%, #8168a7 100%);
  background-size: 100%;
}
.page-main-box {
  display: flex;
  justify-content: center;
  align-items: center;
  img {
    width: 600px;
    height: auto;
  }
}
</style>
